<template>
	<div>
		<span v-bind:class="catStyle">{{msg}}</span>
	</div>
</template>

<script>
    export default {
        name: "cat",
        data: function () {
            return {
                msg: 'this is a cat!',
                catStyle: 'catStyle'
            }
        }
    }
</script>

<style scoped>
	.catStyle {
		font-size: 30px;
		font-family: Verdana;
		color: cornflowerblue;
	}
</style>